/* miniprogram/pre_loadModules/orderModule/pages/orderList/orderList.wxss */

.orderListContainer {
   height: 100vh;
   width: 100vw;

   .subcontainer {
      background: #f2f2f2;
      padding: 10rpx;
      box-sizing: border-box;
      width: 100%;
      padding: 10rpx;
      box-sizing: border-box;

      .orderbody {
         position: relative;
         background: white;
         border-radius: 20rpx;
         margin-bottom: 20rpx ;
         width: 100%;
         box-sizing: border-box;

         .remindInput {
            height: 200rpx;
            border: 1px solid;
            width: 100%;
         }

         .reminderOrder {
            position: absolute;
            z-index: 10;
            top: 70rpx;
            left: 200rpx;
            border: 2px solid red;
            color: red;
            height: 80rpx;
            background: transparent;
            width: 80rpx;
            display: flex;
            align-items: center;
            font: 700 20rpx "Microsoft yahei";
            letter-spacing: 2rpx;
            justify-content: center;
            border-radius: 50%;

         }

         .toppart {
            width: 100%;
            padding: 10rpx;
            box-sizing: border-box;
            // border-bottom: 1rpx solid gold;
            .titlebox {
               display: flex;
               height: 60rpx;
               justify-content: space-between;
               align-items: center;
               width: 100%;

               .infotitle {
                  display: flex;
                  font: 700 24rpx "Microsoft yahei";

                  .busname {
                     font: 400 24rpx "Microsoft yahei";
                  }
               }

               .timebox {
                  display: flex;
                  margin-left: 20rpx;

                  .timetitle {
                     font: 700 24rpx "Microsoft yahei";
                  }

                  .orderTime {
                     font: 400 24rpx "Microsoft yahei";
                  }
               }

               .orderStatus {
                  border-radius: 10rpx;
                  display: flex;
                  padding: 5rpx 10rpx;
                  align-items: center;
                  color: orange;
                  justify-content: center;
                  font: 700 20rpx "Microsoft yahei";
                  letter-spacing: 1rpx;
                  border: 1px solid gold;
               }
            }

            .orderSnBox {
               display: flex;

               .sntitle {
                  font: 700 24rpx "Microsoft yahei";
               }

               .orderSn {
                  font: 400 24rpx "Microsoft yahei";
               }
            }

         }

         .orderItembox {
            position: relative;
            padding: 10rpx;
            box-sizing: border-box;
            .pudInfoBox {
               background: rgba(0, 200, 0, 0.1);
               border-radius: 20rpx;
               .pudtop {
                  font: 400 26rpx "Microsoft yahei";
                  .pudtitlebox {
                     width: 100%;
                     .skutitletag {
                        padding: 10rpx;
                        box-sizing: border-box;
                        // display: -webkit-box;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        // flex-wrap: nowrap;
                        // -webkit-box-orient: vertical;
                        // -webkit-line-clamp: 1;
                     }
                  }
               }
               .pudcenter {
                  height: 150rpx;
                  display: flex;
                  .pudcenterleft {
                     flex: 1;
                     .pudimgbox {
                        height: 100%;
                        width: 100%;
                        padding: 0 10rpx;
                        box-sizing: border-box;
                        display: flex;
                        align-items: center;

                        .imgbody {
                           height: 130rpx;
                           width: 140rpx;
                        }
                     }
                  }

                  .pudcentcenter {
                     flex: 1;
                     height: 100%;
                     padding: 0 10rpx;
                     box-sizing: border-box;
                     width: 100%;
                     display: flex;
                     flex-direction: column;

                     .skuattrs {
                        font: 200 22rpx "Microsoft yahei";
                     }
                  }

                  .pudcenterright {
                     flex: 1;
                     height: 100%;
                     width: 100%;
                     display: flex;
                     align-items: center;
                     justify-content: center;

                     .count {
                        font: 400 24rpx "Microsoft yahei";
                     }
                  }


               }

            }

         }

         .textAreaBox {
            border: 1px solid rgba(200, 200, 200, 0.2);

            .textarea {
               padding: 10rpx;
               box-sizing: border-box;
               letter-spacing: 2rpx;
               font: 200 24rpx "Microsoft yahei";
            }
         }

         .rateBox {
            display: flex;
            align-items: center;
            height: 80rpx;
            padding: 10rpx;
            box-sizing: border-box;
            letter-spacing: 2rpx;
            font: 300 24rpx "Microsoft yahei";

            .rateTitle {
               width: 200rpx;
            }

            .rateValue {}

         }

         .btnbox {
            display: flex;
            width: 20%;
            justify-content: space-between;

            .whiteRateButton {
               height: 40rpx;
               display: flex;
               align-items: center;
               justify-content: center;
               border-radius: 50rpx;
               font: 400 24rpx "Microsoft yahei";
            }
         }
      }

      .opsbox {
         position: relative;
         display: flex;
         width: 100%;
         justify-content: space-evenly;
         align-items: center;
         height: 60rpx;

         .opsbtn {
            font: 400 24rpx "Microsoft yahei";
            letter-spacing: 1rpx;
            margin: 10rpx;
            color: olive;
            padding: 2rpx 10rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10rpx;
         }

         .combinedScorerateBox {
            position: absolute;
            left: 0;
            display: flex;
            justify-content: space-between;
            width: 100%;
            bottom: 5rpx;
            padding: 0 10rpx;
            box-sizing: border-box;
            align-items: center;

            .ratestarBox {
               display: flex;
               width: 60%;
               align-items: center;

               .rateTitle {
                  font: 400 24rpx "Microsoft yahei";
               }
            }

         }

      }

   }
}